Image Resize
Skalieren Sie Bilder direkt im Browser — kein Server-Upload, keine Installation.
- Bild hochladen (Drag & Drop oder Klick)
- Breite / Höhe eingeben oder Preset wählen
- Format (JPG, PNG, WebP) und Qualität wählen
- Skaliertes Bild herunterladen
<ul><li>Bild data-w="640">640px</button> <input </div> <span id="rz-presets"> sperren">🔒</button> type="number" <div eingeben <a <div Resize Sie Qualität class="rz-ctrl-label"><b>B:</b></span> class="rz-preset" und data-dz-message><span>Drop style="width:80px"> class="std-btn id="rz-download" type="number" id="rz-format"> Download</a> <button class="rz-preset" data-w="800">800px</button> class="rz-ctrl-label"> px</span> <div waves-effect Bild <button Server-Upload, id="rz-output-info"></p> $(".dropzone").dropzone({ </select> id="rzDropzone"> false; <span value="image/png">PNG</option> <button class="rz-preset" / <div title="Seitenverhältnis <div max="100" hochladen data-w="320">320px</button> class="rz-preset" addRemoveLinks: <button data-pct="25">25%</button> true data-pct="100">100%</button> data-w="1920">1920px</button> im class="rz-ctrl-label"><b>H:</b></span> <script <option id="rz-controls"> id="rz-height" herunterladen</li></ul> }); id="rz-lock" = class="rz-ctrl-label">Qualität:</span> Dropzone.autoDiscover type="text/javascript"> Skalieren class="rz-preset" (JPG, id="rz-canvas"></canvas> oder value="image/webp">WebP</option> id="rz-width" <div </div> <button Bilder Installation. data-w="1024">1024px</button> <option <button Drop Höhe data-w="1280">1280px</button> max="8000" class="rz-preset" — Klick)</li><li>Breite id="rz-tool-container"> oder id="rz-quality" wählen</li><li>Format id="rz-quality-wrap"> <span <button (Drag waves-light <input <p min="1" class="rz-preset" style="width:75px"> data-pct="50">50%</button> & class="rz-preset" id="rz-orig-info"></div> <option </span> WebP) </div> kein Preset </script> <span value="90" direkt <button max="8000" href="#">⬇ <button <button Image</span></div> Browser min="10" <canvas class="dropzone" class="rz-preset" wählen</li><li>Skaliertes btn" class="dz-message" PNG, value="image/jpeg">JPG</option> <input </div> keine <button id="rz-quality-val">90</span>% style="width:75px"> class="rz-preset" <span <span Image min="1" type="range" <select data-pct="75">75%</button>
First, solve the problem. Then, write the code.
John Johnson
Skalieren Sie Bilder direkt im Browser — kein Server-Upload, keine Installation.